:root {
    --chat-primary: #1890ff;
    --chat-disabled: #e8e8e8;
    --chat-text: #333;
    --chat-text-assistant: #666;
    --chat-text-secondary: #ccc;
    --chat-text-placeholder: #bfbfbf;
    --chat-box: #fff;
    --chat-box-shadow: 1px 3px 10px 2px rgba(6, 21, 50, .2);
    --chat-box-mark: rgba(0, 0, 0, .5);
    --chat-input: #F9F9F9;
    --chat-card: #F2F6FC;
    --chat-border: #f1f1f2
}

@-webkit-keyframes antSpinMove {
    to {
        opacity: 1
    }
}

@keyframes antSpinMove {
    to {
        opacity: 1
    }
}

@-webkit-keyframes antRotate {
    to {
        transform: rotate(405deg)
    }
}

@keyframes antRotate {
    to {
        transform: rotate(405deg)
    }
}

.ant-spin {
    font-size: 14px;
    line-height: 1.5;
    list-style: none;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    position: absolute;
    display: none;
    text-align: center;
    vertical-align: middle;
    opacity: 0;
    transition: transform .3s cubic-bezier(.78, .14, .15, .86)
}

.ant-spin .ant-spin-dot {
    position: relative;
    display: inline-block;
    font-size: 20px;
    width: 1em;
    height: 1em
}

.ant-spin .ant-spin-dot-spin {
    transform: rotate(45deg);
    animation-name: antRotate;
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.ant-spin .ant-spin-dot-item {
    position: absolute;
    display: block;
    width: 9px;
    height: 9px;
    background-color: var(--chat-primary);
    border-radius: 100%;
    transform: scale(.75);
    transform-origin: 50% 50%;
    opacity: .3;
    animation-name: antSpinMove;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: alternate
}

.ant-spin .ant-spin-dot-item:nth-child(1) {
    top: 0;
    inset-inline-start: 0
}

.ant-spin .ant-spin-dot-item:nth-child(2) {
    top: 0;
    inset-inline-end: 0;
    animation-delay: .4s
}

.ant-spin .ant-spin-dot-item:nth-child(3) {
    inset-inline-end: 0;
    bottom: 0;
    animation-delay: .8s
}

.ant-spin .ant-spin-dot-item:nth-child(4) {
    bottom: 0;
    inset-inline-start: 0;
    animation-delay: 1.2s
}

.ant-spin-spinning {
    position: static;
    display: inline-block;
    opacity: 1
}

.chat-area-pc {
    position: relative;
    z-index: 10
}

.chat-area-pc * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    text-indent: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-size: 16px
}

@keyframes a-chat-dialog {
    0% {
        transform: scale(.6);
        opacity: .4
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes a-chat-check-pc {
    0% {
        transform: scale(.4) translate(-50%, -50%);
        opacity: .4
    }
    to {
        opacity: 1;
        transform: scale(1) translate(-50%, -50%)
    }
}

.chat-area-h5 {
    position: relative;
    z-index: 10
}

.chat-area-h5 div, .chat-area-h5 span, .chat-area-h5 ul, .chat-area-h5 ol, .chat-area-h5 li, .chat-area-h5 p, .chat-area-h5 input, .chat-area-h5 button, .chat-area-h5 h1, .chat-area-h5 h2, .chat-area-h5 h3, .chat-area-h5 h4, .chat-area-h5 h5, .chat-area-h5 dl, .chat-area-h5 dt, .chat-area-h5 dd {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
    text-indent: 0;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-size: 16px
}

@keyframes a-popup-mark {
    0% {
        background: rgba(0, 0, 0, 0)
    }
    to {
        background: var(--chat-box-mark)
    }
}

@keyframes a-popup-mark-leave {
    0% {
        background: var(--chat-box-mark)
    }
    to {
        background: rgba(0, 0, 0, 0)
    }
}

@keyframes a-popup-main {
    0% {
        bottom: -100%
    }
    to {
        bottom: 0
    }
}

@keyframes a-popup-main-leave {
    0% {
        bottom: 0
    }
    to {
        bottom: -100%
    }
}

.chat-rich-text {
    width: 100%;
    padding: 10px;
    margin: 0;
    background: transparent;
    border-radius: 4px;
    outline: none;
    box-sizing: border-box;
    overflow-y: auto;
    font-size: 16px;
    color: var(--chat-text);
    vertical-align: text-bottom;
    transition: all .4s ease;
    word-break: break-all
}

.chat-rich-text .chat-img {
    min-width: 20px;
    min-height: 20px;
    max-width: 100px;
    max-height: 100px;
    vertical-align: bottom
}

.chat-rich-text .chat-tag {
    position: relative;
    margin: 0 1px;
    white-space: pre-wrap;
    word-break: break-all
}

.chat-rich-text .chat-tag .at-user, .chat-rich-text .chat-tag .at-tag {
    color: var(--chat-primary)
}

.chat-rich-text .chat-tag .chat-tag-tool {
    position: absolute;
    -webkit-user-select: none;
    user-select: none;
    height: 0;
    white-space: nowrap
}

.chat-rich-text .chat-tag .chat-grid-input {
    white-space: pre-wrap;
    word-break: break-all
}

.chat-rich-text-disabled {
    cursor: not-allowed
}

.chat-dialog {
    position: relative;
    z-index: 20;
    width: 100%;
    height: 0
}

.call-user-dialog {
    position: absolute;
    z-index: 2024;
    border-radius: 4px;
    padding: 4px;
    box-sizing: border-box;
    width: 180px;
    overflow: hidden;
    background: var(--chat-box);
    box-shadow: var(--chat-box-shadow)
}

.call-user-dialog * {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.call-user-dialog.chat-view-show {
    animation: a-chat-dialog .2s ease
}

.call-user-dialog .call-user-dialog-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--chat-box);
    padding: 6px 4px
}

.call-user-dialog .call-user-dialog-header .call-user-dialog-header-title {
    color: var(--chat-text);
    font-weight: 700;
    font-size: 14px
}

.call-user-dialog .call-user-dialog-header .call-user-dialog-header-check {
    color: var(--chat-primary);
    font-size: 12px;
    cursor: pointer
}

.call-user-dialog .call-user-dialog-main {
    max-height: 240px;
    overflow-y: auto
}

.call-user-dialog .call-user-dialog-item {
    display: flex;
    align-items: center;
    color: var(--chat-text-secondary);
    background: transparent;
    cursor: pointer;
    padding: 4px;
    transition: all .3s ease;
    font-weight: 700;
    font-size: 14px;
    border-radius: 4px
}

.call-user-dialog .call-user-dialog-item .call-user-dialog-item-name {
    transition: all .3s ease;
    color: var(--chat-text-secondary)
}

.call-user-dialog .call-user-dialog-item:hover {
    background: var(--chat-card);
    opacity: .7
}

.call-user-dialog .call-user-dialog-item:hover .call-user-dialog-item-name {
    color: var(--chat-primary)
}

.call-user-dialog .call-user-dialog-item.call-user-dialog-item-active {
    background: var(--chat-card);
    opacity: 1
}

.call-user-dialog .call-user-dialog-item.call-user-dialog-item-active .call-user-dialog-item-name {
    color: var(--chat-primary)
}

.call-user-dialog .call-user-dialog-item.user-no-match {
    display: none
}

.call-user-dialog .call-user-dialog-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px
}

.call-user-dialog .call-user-dialog-empty {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 10px 0
}

.call-user-dialog .call-user-dialog-empty .match-empty-svg {
    width: auto;
    height: 40px;
    margin-bottom: 2px
}

.call-user-dialog .call-user-dialog-empty .empty-label {
    font-size: 12px;
    color: var(--chat-text-secondary)
}

.call-user-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: var(--chat-box-mark)
}

.call-user-popup div, .call-user-popup p, .call-user-popup span, .call-user-popup label, .call-user-popup a, .call-user-popup ul, .call-user-popup li {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.call-user-popup .call-user-popup-main {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 86%;
    display: flex;
    flex-direction: column;
    background: var(--chat-box);
    border-radius: 16px 16px 0 0;
    overflow: hidden;
    padding: 14px
}

.call-user-popup .call-user-popup-header {
    display: flex;
    align-items: center
}

.call-user-popup .call-user-popup-header .popup-show {
    font-size: 16px;
    color: var(--chat-text-assistant)
}

.call-user-popup .call-user-popup-header .popup-check {
    font-size: 18px;
    color: var(--chat-primary);
    transition: color .3s ease
}

.call-user-popup .call-user-popup-header .popup-check.disabled {
    color: var(--chat-disabled)
}

.call-user-popup .call-user-popup-header .popup-title {
    flex: 1;
    font-weight: 700;
    font-size: 21px;
    text-align: center;
    color: var(--chat-text)
}

.call-user-popup .call-user-popup-search {
    display: flex;
    align-items: center;
    margin-top: 20px;
    background: var(--chat-input);
    height: 44px;
    border-radius: 4px;
    padding: 0 15px
}

.call-user-popup .call-user-popup-search .call-user-popup-search-input {
    width: 100%;
    height: 100%;
    background: transparent;
    padding-left: 8px;
    outline: none;
    border: none;
    font-size: 16px;
    color: var(--chat-text)
}

.call-user-popup .call-user-popup-search .call-user-popup-search-input::-moz-placeholder {
    color: var(--chat-text-placeholder);
    opacity: 1
}

.call-user-popup .call-user-popup-search .call-user-popup-search-input:-ms-input-placeholder {
    color: var(--chat-text-placeholder)
}

.call-user-popup .call-user-popup-search .call-user-popup-search-input::-webkit-input-placeholder {
    color: var(--chat-text-placeholder)
}

.call-user-popup .call-user-popup-search .call-user-popup-search-input:placeholder-shown {
    text-overflow: ellipsis
}

.call-user-popup .call-user-popup-search .icon-search {
    width: auto;
    height: 30px
}

.call-user-popup .call-user-popup-body {
    flex: 1;
    padding-top: 25px;
    overflow-y: auto
}

.call-user-popup .call-user-popup-body .call-user-popup-item {
    position: relative;
    padding: 15px 10px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--chat-border)
}

.call-user-popup .call-user-popup-body .call-user-popup-item input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    box-sizing: border-box
}

.call-user-popup .call-user-popup-body .call-user-popup-item .user-popup-check-item-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: var(--chat-box);
    border: 1px solid var(--chat-border);
    border-collapse: separate;
    transition: all .3s;
    box-sizing: border-box
}

.call-user-popup .call-user-popup-body .call-user-popup-item .user-popup-check-item-inner:after {
    position: absolute;
    top: 50%;
    left: 30%;
    display: table;
    width: 5px;
    height: 9px;
    border: 3px solid var(--chat-box);
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0) translate(-60%, -50%);
    opacity: 0;
    transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
    content: " "
}

.call-user-popup .call-user-popup-body .call-user-popup-item.user-popup-check-item-check .user-popup-check-item-inner {
    background-color: var(--chat-primary);
    border-color: var(--chat-primary)
}

.call-user-popup .call-user-popup-body .call-user-popup-item.user-popup-check-item-check .user-popup-check-item-inner:after {
    position: absolute;
    display: table;
    border: 3px solid var(--chat-box);
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1) translate(-60%, -50%);
    opacity: 1;
    transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s;
    content: " "
}

.call-user-popup .call-user-popup-body .call-user-dialog-item-sculpture {
    width: 35px;
    height: 35px;
    border-radius: 4px
}

.call-user-popup .call-user-popup-body .call-user-dialog-item-sculpture span {
    font-size: 16px
}

.call-user-popup .call-user-popup-body .call-user-dialog-item-name {
    padding-left: 8px;
    font-size: 16px;
    line-height: 35px;
    color: var(--chat-text)
}

.call-user-popup .call-user-popup-empty {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.call-user-popup .call-user-popup-empty .empty-svg {
    width: auto;
    height: 60px
}

.call-user-popup .call-user-popup-empty .empty-label {
    margin-top: 10px;
    font-size: 12px;
    color: var(--chat-text-secondary)
}

.call-user-popup .call-user-popup-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 36px
}

.call-user-popup .call-user-popup-loading .ant-spin {
    transform: scale(1.5)
}

.call-user-popup.chat-view-show {
    animation: a-popup-mark .3s ease
}

.call-user-popup.chat-view-show .call-user-popup-main {
    animation: a-popup-main .3s ease
}

.call-user-popup.chat-view-hidden {
    animation: a-popup-mark-leave .3s ease-in
}

.call-user-popup.chat-view-hidden .call-user-popup-main {
    animation: a-popup-main-leave .3s ease-in
}

.checkbox-dialog {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100vw;
    height: 100vh;
    box-sizing: border-box;
    background: var(--chat-box-mark);
    z-index: 10000
}

.checkbox-dialog.chat-view-show .checkbox-dialog-container {
    transform-origin: 0 0 0;
    animation: a-chat-check-pc .3s ease
}

.checkbox-dialog * {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.checkbox-dialog .checkbox-dialog-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 684px;
    height: 540px;
    padding: 14px 14px 0;
    border-radius: 4px;
    background: var(--chat-box);
    box-shadow: var(--chat-box-shadow);
    overflow: hidden
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 22px;
    color: var(--chat-text-secondary);
    font-size: 16px
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-header .checkbox-dialog-container-header-close {
    cursor: pointer;
    transition: all .3s ease
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-header .checkbox-dialog-container-header-close:hover {
    color: var(--chat-text-assistant)
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: calc(100% - 22px);
    padding-top: 16px
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box {
    position: relative;
    width: 50%;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search {
    position: relative;
    padding-right: 20px;
    margin-bottom: 20px
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search .checkbox-dialog-search-input {
    position: relative;
    box-sizing: border-box;
    margin: 0;
    font-variant: tabular-nums;
    list-style: none;
    font-feature-settings: "tnum";
    display: inline-block;
    width: 100%;
    height: 32px;
    padding: 4px 11px;
    color: var(--chat-text);
    font-size: 14px;
    line-height: 1.5;
    background-color: var(--chat-box);
    background-image: none;
    border: 1px solid var(--chat-border);
    border-radius: 4px;
    transition: all .3s
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search .checkbox-dialog-search-input::-moz-placeholder {
    color: var(--chat-text-placeholder);
    opacity: 1
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search .checkbox-dialog-search-input:-ms-input-placeholder {
    color: var(--chat-text-placeholder)
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search .checkbox-dialog-search-input::-webkit-input-placeholder {
    color: var(--chat-text-placeholder)
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search .checkbox-dialog-search-input:placeholder-shown {
    text-overflow: ellipsis
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search .checkbox-dialog-search-input:focus, .checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search .checkbox-dialog-search-input:hover {
    border-color: var(--chat-primary);
    border-right-width: 1px !important
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search .checkbox-dialog-search-input:focus {
    outline: 0
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-tags {
    width: 100%;
    height: calc(100% - 98px);
    overflow-y: auto;
    overflow-x: hidden
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-tags:after {
    display: block;
    content: "";
    clear: both
}

@keyframes tag-scale {
    0% {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-tags .checkbox-dialog-tag-item {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    margin-bottom: 6px;
    background: var(--chat-card);
    border-radius: 4px;
    font-size: 12px;
    color: var(--chat-text-assistant);
    padding: 4px 8px;
    cursor: default;
    animation: tag-scale .3s ease
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-tags .checkbox-dialog-tag-item .checkbox-dialog-tag-item-close {
    cursor: pointer;
    margin-left: 6px;
    color: var(--chat-text-secondary);
    transform: scale(.7);
    transition: color .3s ease
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-tags .checkbox-dialog-tag-item .checkbox-dialog-tag-item-close:hover {
    color: var(--chat-primary)
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-tags .check-empty {
    height: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-tags .check-empty .check-empty-svg {
    width: auto;
    height: 60px
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-tags .check-empty .check-empty-label {
    margin-top: 10px;
    font-size: 12px;
    color: var(--chat-text-secondary)
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-option {
    position: absolute;
    left: 20px;
    bottom: 20px;
    display: flex;
    align-items: center
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-option .checkbox-dialog-option-btn {
    position: relative;
    width: 76px;
    height: 36px;
    text-align: center;
    color: var(--chat-text-assistant);
    border: 1px solid var(--chat-border);
    background: transparent;
    cursor: pointer;
    outline: none;
    text-indent: 8px;
    letter-spacing: 8px;
    border-radius: 4px;
    font-size: 14px;
    transition: all .3s ease
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-option .checkbox-dialog-option-btn.btn-submit {
    border: none;
    margin-right: 16px;
    background: var(--chat-primary);
    color: var(--chat-box)
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-option .checkbox-dialog-option-btn.btn-submit.disabled {
    background: var(--chat-primary);
    opacity: .4;
    cursor: not-allowed
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-option .checkbox-dialog-option-btn.btn-close:hover {
    border-color: var(--chat-primary);
    color: var(--chat-primary)
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search-group {
    color: var(--chat-text-assistant);
    line-height: 1.5;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    width: calc(100% - 20px);
    max-height: 250px;
    top: calc(100% + 2px);
    left: 0;
    z-index: 1050;
    box-sizing: border-box;
    font-size: 14px;
    font-variant: normal;
    background-color: var(--chat-box);
    border-radius: 4px;
    outline: none;
    box-shadow: var(--chat-box-shadow);
    overflow-y: auto
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-left-box .checkbox-dialog-search-group .checkbox-dialog-search-empty {
    padding: 34px 0;
    text-align: center;
    color: var(--chat-text-secondary)
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-right-box {
    width: 50%;
    height: 100%;
    padding-top: 20px;
    border-left: 1px solid var(--chat-border)
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-right-box .checkbox-dialog-right-box-title {
    padding-left: 20px;
    font-size: 16px;
    height: 22px;
    color: var(--chat-text-assistant);
    font-weight: 700
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-right-box .checkbox-dialog-check-group {
    width: calc(100% + 14px);
    height: calc(100% - 22px);
    padding-top: 8px;
    overflow-x: hidden;
    overflow-y: auto
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-check-item {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 20px;
    height: 44px;
    font-size: 14px;
    transition: all .3s ease
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-check-item:hover {
    background: var(--chat-card);
    cursor: pointer
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-check-item input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    box-sizing: border-box;
    touch-action: manipulation
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-check-item .checkbox-dialog-check-item-inner {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 12px;
    border-radius: 50%;
    background-color: var(--chat-box);
    border: 1px solid var(--chat-border);
    border-collapse: separate;
    transition: all .3s;
    box-sizing: border-box
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-check-item .checkbox-dialog-check-item-inner:after {
    position: absolute;
    top: 50%;
    left: 22%;
    display: table;
    width: 4px;
    height: 8px;
    border: 2px solid var(--chat-border);
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(0) translate(-50%, -50%);
    opacity: 0;
    transition: all .1s cubic-bezier(.71, -.46, .88, .6), opacity .1s;
    content: " "
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-check-item.checkbox-dialog-check-item-check .checkbox-dialog-check-item-inner {
    background-color: var(--chat-primary);
    border-color: var(--chat-primary)
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-check-item.checkbox-dialog-check-item-check .checkbox-dialog-check-item-inner:after {
    position: absolute;
    display: table;
    border: 2px solid var(--chat-box);
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg) scale(1) translate(-50%, -50%);
    opacity: 1;
    transition: all .2s cubic-bezier(.12, .4, .29, 1.46) .1s;
    content: " "
}

.checkbox-dialog .checkbox-dialog-container .checkbox-dialog-container-body .checkbox-dialog-check-item .checkbox-dialog-check-item-label {
    display: flex;
    align-items: center;
    font-size: 14px
}

.call-tag-dialog {
    position: absolute;
    z-index: 2024;
    border-radius: 4px;
    padding: 4px;
    box-sizing: border-box;
    width: 180px;
    overflow: hidden;
    background: var(--chat-box);
    box-shadow: var(--chat-box-shadow)
}

.call-tag-dialog.chat-view-show {
    animation: a-chat-dialog .2s ease
}

.call-tag-dialog .call-tag-dialog-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--chat-box);
    padding: 6px 4px
}

.call-tag-dialog .call-tag-dialog-header .call-tag-dialog-header-title {
    color: var(--chat-text);
    font-weight: 700;
    font-size: 14px
}

.call-tag-dialog .call-tag-dialog-main {
    max-height: 240px;
    overflow-y: auto
}

.call-tag-dialog .call-tag-dialog-item {
    display: flex;
    align-items: center;
    color: var(--chat-text-secondary);
    background: transparent;
    cursor: pointer;
    padding: 4px 8px;
    transition: all .3s ease;
    font-weight: 700;
    font-size: 14px;
    border-radius: 4px
}

.call-tag-dialog .call-tag-dialog-item .call-tag-dialog-item-name {
    transition: all .3s ease;
    color: var(--chat-text-secondary)
}

.call-tag-dialog .call-tag-dialog-item:hover {
    background: var(--chat-card);
    opacity: .7
}

.call-tag-dialog .call-tag-dialog-item:hover .call-tag-dialog-item-name {
    color: var(--chat-primary)
}

.call-tag-dialog .call-tag-dialog-item.call-tag-dialog-item-active {
    background: var(--chat-card);
    opacity: 1
}

.call-tag-dialog .call-tag-dialog-item.call-tag-dialog-item-active .call-tag-dialog-item-name {
    color: var(--chat-primary)
}

.call-tag-dialog .call-tag-dialog-item.tag-no-match {
    display: none
}

.call-user-dialog-item-sculpture {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border-radius: 4px;
    overflow: hidden;
    background: var(--chat-primary);
    color: var(--chat-box);
    white-space: nowrap;
    font-size: 12px
}

.call-user-dialog-item-sculpture * {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.call-user-dialog-item-sculpture.is-avatar {
    background: var(--chat-box)
}

.call-user-dialog-item-sculpture.is-avatar img {
    width: 100%;
    height: 100%
}

.call-user-dialog-item-sculpture span {
    font-size: 12px;
    color: var(--chat-box)
}

.call-user-dialog-item-name {
    flex: 1;
    white-space: nowrap;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
    color: var(--chat-text-assistant);
    font-size: 14px
}

.call-user-dialog-main::-webkit-scrollbar, .call-tag-dialog-main::-webkit-scrollbar, .checkbox-dialog-check-group::-webkit-scrollbar, .checkbox-dialog-tags::-webkit-scrollbar {
    width: 6px;
    height: 6px
}

.call-user-dialog-main::-webkit-scrollbar-thumb, .call-tag-dialog-main::-webkit-scrollbar-thumb, .checkbox-dialog-check-group::-webkit-scrollbar-thumb, .checkbox-dialog-tags::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px #61b8b31a;
    background-color: #0003
}

.call-user-dialog-main::-webkit-scrollbar-track, .call-tag-dialog-main::-webkit-scrollbar-track, .checkbox-dialog-check-group::-webkit-scrollbar-track, .checkbox-dialog-tags::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #57afbb1a;
    border-radius: 10px;
    background: #ededed
}

.disable-scroll {
    overflow-y: hidden !important
}

.chat-placeholder-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 10px;
    box-sizing: border-box;
    color: var(--chat-text-placeholder);
    pointer-events: none;
    font-style: oblique;
    word-break: break-all
}
